/* 风采 */
<template>
  <Card :bordered="false" class="mien">
    <p slot="title" class="fS30">学员风采</p>
    <Row :gutter="16" class="bgBorder">
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
      <Col :lg="12" style=" margin-bottom:30px; ">
        <div class="bgwrapper">
          <div class="imgWrapper">
            <img src="../../assets/images/certify01.png" alt srcset>
          </div>
        </div>
      </Col>
    </Row>
  </Card>
</template>

<script>
export default {};
</script>

<style lang="less">
.mien {
  .ivu-card-head {
    p {
      height: auto !important;
      line-height: initial !important;
    }
  }
  .bgBorder {
    .ivu-col {
      .bgwrapper {
        width: 100%;
        height: 255px;
        background: url("../../assets/images/works/borderBg.png") no-repeat;
        background-size: 100% 100%;
        padding: 15px 2px 2px 27px;
        .imgWrapper {
          width: 100%;
          height: 100%;
          border-radius: 30px;
          overflow: hidden;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}
</style>